

<div class="page-header">
	<h1>
		宿舍管理操作日志
		<small>
			home&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;宿舍管理操作日志
		</small>
	</h1>
</div><!-- /.page-header -->

<div id="timeline-1">
	<div class="row">
		<div class="col-xs-12 col-sm-10 col-sm-offset-1">
			<div class="timeline-container">
				<div class="timeline-label">
					<span class="label label-primary arrowed-in-right label-lg">
						<b>今天</b>
					</span>
				</div>

				<div class="timeline-items">
					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<img alt="Susan't Avatar" src="/public/static/ace1.4/assets/images/avatars/avatar1.png" />
							<span class="label label-info label-sm">16:22</span>
						</div>

						<div class="widget-box transparent">
							<div class="widget-header widget-header-small">
								<h5 class="widget-title smaller">
									<a href="#" class="blue">宿舍管理员赵老师</a>
									<span class="grey">处理了张三同学的退宿申请</span>
								</h5>

								<span class="widget-toolbar no-border">
									<i class="ace-icon fa fa-clock-o bigger-110"></i>
									16:22
								</span>

								<span class="widget-toolbar">
									<a href="#" data-action="reload">
										<i class="ace-icon fa fa-refresh"></i>
									</a>

									<a href="#" data-action="collapse">
										<i class="ace-icon fa fa-chevron-up"></i>
									</a>
								</span>
							</div>

							<div class="widget-body">
								<div class="widget-main">
									退宿原因：实习<br>
									处理状态：通过
									<div class="space-6"></div>

								</div>
							</div>
						</div>
					</div>

					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<img alt="Susan't Avatar" src="/public/static/ace1.4/assets/images/avatars/avatar2.png" />
							<span class="label label-info label-sm">13:50</span>
						</div>

						<div class="widget-box transparent">
							<div class="widget-header widget-header-small">
								<h5 class="widget-title smaller">
									<a href="#" class="blue">宿舍管理员钱老师</a>
									<span class="grey">处理了周杰伦同学的报修申请</span>
								</h5>

								<span class="widget-toolbar no-border">
									<i class="ace-icon fa fa-clock-o bigger-110"></i>
									13:50
								</span>

								<span class="widget-toolbar">
									<a href="#" data-action="reload">
										<i class="ace-icon fa fa-refresh"></i>
									</a>

									<a href="#" data-action="collapse">
										<i class="ace-icon fa fa-chevron-up"></i>
									</a>
								</span>
							</div>

							<div class="widget-body">
								<div class="widget-main">
									报修宿舍：5号楼302房间<br>
									报修原因：水管漏水<br>
									处理状态：通过
									<div class="space-6"></div>

								</div>
							</div>
						</div>
					</div>


			<div class="timeline-container">
				<div class="timeline-label">
					<span class="label label-success arrowed-in-right label-lg">
						<b>昨天</b>
					</span>
				</div>


				<div class="timeline-item clearfix">
					<div class="timeline-info">
						<img alt="Susan't Avatar" src="/public/static/ace1.4/assets/images/avatars/avatar3.png" />
						<span class="label label-info label-sm">16:22</span>
					</div>

					<div class="widget-box transparent">
						<div class="widget-header widget-header-small">
							<h5 class="widget-title smaller">
								<a href="#" class="blue">学生工作处孙老师</a>
								<span class="grey">更新了违章电器检查结果</span>
							</h5>

							<span class="widget-toolbar no-border">
								<i class="ace-icon fa fa-clock-o bigger-110"></i>
								15:42
							</span>

							<span class="widget-toolbar">
								<a href="#" data-action="reload">
									<i class="ace-icon fa fa-refresh"></i>
								</a>

								<a href="#" data-action="collapse">
									<i class="ace-icon fa fa-chevron-up"></i>
								</a>
							</span>
						</div>

						<div class="widget-body">
							<div class="widget-main">
								点此查看详情 
								<div class="space-6"></div>

							</div>
						</div>
					</div>
				</div>



				<div class="timeline-items">
					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<i class="timeline-indicator ace-icon fa fa-beer btn btn-inverse no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-header widget-header-small">
								<h5 class="widget-title smaller">系统自动发出</h5>

								<span class="widget-toolbar">
									<i class="ace-icon fa fa-clock-o bigger-110"></i>
									10:33
								</span>
							</div>

							<div class="widget-body">
								<div class="widget-main">
									<div class="clearfix">
										<div class="pull-left">
											事项：催交水费
											<br />
											通知：5号楼333、13号楼423
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					

			<div class="timeline-container">
				<div class="timeline-label">
					<span class="label label-grey arrowed-in-right label-lg">
						<b>May 17</b>
					</span>
				</div>

				<div class="timeline-items">
					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<i class="timeline-indicator ace-icon fa fa-leaf btn btn-primary no-hover green"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-header widget-header-small">
								<h5 class="widget-title smaller">
									<a href="#" class="blue">宿舍管理员王老师</a>
									<span class="grey">推送了卫生检查通知</span>
								</h5>
	
								<span class="widget-toolbar no-border">
									<i class="ace-icon fa fa-clock-o bigger-110"></i>
									09:11
								</span>
	
								<span class="widget-toolbar">
									<a href="#" data-action="reload">
										<i class="ace-icon fa fa-refresh"></i>
									</a>
	
									<a href="#" data-action="collapse">
										<i class="ace-icon fa fa-chevron-up"></i>
									</a>
								</span>
							</div>
	
							<div class="widget-body">
								<div class="widget-main">
									点此查看详情 
									<div class="space-6"></div>
	
								</div>
							</div>
						</div>
					</div>
				</div><!-- /.timeline-items -->
			</div><!-- /.timeline-container -->
		</div>
	</div>
</div>

<div id="timeline-2" class="hide">
	<div class="row">
		<div class="col-xs-12 col-sm-10 col-sm-offset-1">
			<div class="timeline-container timeline-style2">
				<span class="timeline-label">
					<b>Today</b>
				</span>

				<div class="timeline-items">
					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">11:15 pm</span>

							<i class="timeline-indicator btn btn-info no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding">
									<span class="bigger-110">
										<a href="#" class="purple bolder">Susan</a>
										reviewed a product
									</span>

									<br />
									<i class="ace-icon fa fa-hand-o-right grey bigger-125"></i>
									<a href="#">Click to read &hellip;</a>
								</div>
							</div>
						</div>
					</div>

					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">12:30 pm</span>

							<i class="timeline-indicator btn btn-info no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding">
									Going to
									<span class="green bolder">veg cafe</span>
									for lunch
								</div>
							</div>
						</div>
					</div>

					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">11:15 pm</span>

							<i class="timeline-indicator btn btn-info no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding">
									Designed a new logo for our website. Would appreciate feedback.
									<a href="#">
										Click to see
										<i class="ace-icon fa fa-search-plus blue bigger-110"></i>
									</a>

									<div class="space-2"></div>

									<div class="action-buttons">
										<a href="#">
											<i class="ace-icon fa fa-heart red bigger-125"></i>
										</a>

										<a href="#">
											<i class="ace-icon fa fa-facebook blue bigger-125"></i>
										</a>

										<a href="#">
											<i class="ace-icon fa fa-reply light-green bigger-130"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">9:00 am</span>

							<i class="timeline-indicator btn btn-info no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding"> Took the final exam. Phew! </div>
							</div>
						</div>
					</div>
				</div><!-- /.timeline-items -->
			</div><!-- /.timeline-container -->

			<div class="timeline-container timeline-style2">
				<span class="timeline-label">
					<b>Yesterday</b>
				</span>

				<div class="timeline-items">
					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">9:00 am</span>

							<i class="timeline-indicator btn btn-success no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding">
									<div class="clearfix">
										<div class="pull-left">
											<span class="orange2 bolder">Haloween party</span>

											Lots of fun at Haloween party.
											<br />
											Take a look at some pics:
										</div>

										<div class="pull-right">
											<i class="ace-icon fa fa-chevron-left blue bigger-110"></i>

											&nbsp;
											<img alt="Image 4" width="36" src="/public/static/ace1.4/assets/images/gallery/thumb-4.jpg" />
											<img alt="Image 3" width="36" src="/public/static/ace1.4/assets/images/gallery/thumb-3.jpg" />
											<img alt="Image 2" width="36" src="/public/static/ace1.4/assets/images/gallery/thumb-2.jpg" />
											<img alt="Image 1" width="36" src="/public/static/ace1.4/assets/images/gallery/thumb-1.jpg" />
											&nbsp;
											<i class="ace-icon fa fa-chevron-right blue bigger-110"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">9:00 am</span>

							<i class="timeline-indicator btn btn-success no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding">
									Anim pariatur cliche reprehenderit, enim eiusmod
									<span class="pink2 bolder">high life</span>
									accusamus terry richardson ad squid &hellip;
								</div>
							</div>
						</div>
					</div>

					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">9:00 am</span>

							<i class="timeline-indicator btn btn-success no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding"> Going to cafe for lunch </div>
							</div>
						</div>
					</div>

					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">9:00 am</span>

							<i class="timeline-indicator btn btn-success no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding">
									<span class="red bolder">Critical security patch released</span>

									<br />
									Please download the new patch for maximum security.
								</div>
							</div>
						</div>
					</div>
				</div><!-- /.timeline-items -->
			</div><!-- /.timeline-container -->

			<div class="timeline-container timeline-style2">
				<span class="timeline-label">
					<b>May 17</b>
				</span>

				<div class="timeline-items">
					<div class="timeline-item clearfix">
						<div class="timeline-info">
							<span class="timeline-date">9:00 am</span>

							<i class="timeline-indicator btn btn-grey no-hover"></i>
						</div>

						<div class="widget-box transparent">
							<div class="widget-body">
								<div class="widget-main no-padding">
									<span class="bolder blue">Lorum Ipsum</span>
									Anim pariatur cliche reprehenderit, enim eiusmod
									<span class="purple bolder">high life</span>
									accusamus terry richardson ad squid &hellip;
								</div>
							</div>
						</div>
					</div>
				</div><!-- /.timeline-items -->
			</div><!-- /.timeline-container -->
		</div>
	</div>
</div>


<!-- basic scripts -->

<!--[if !IE]> -->
<script src="/public/static/ace1.4/assets/js/jquery-2.1.4.min.js"></script>

<!-- <![endif]-->

<!--[if IE]>
<script src="/public/static/ace1.4/assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<script type="text/javascript">
if('ontouchstart' in document.documentElement) document.write("<script src='/public/static/ace1.4/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="/public/static/ace1.4/assets/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->

<!-- ace scripts -->
<script src="/public/static/ace1.4/assets/js/ace-elements.min.js"></script>
<script src="/public/static/ace1.4/assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->
<script type="text/javascript">
jQuery(function($) {
$('[data-toggle="buttons"] .btn').on('click', function(e){
var target = $(this).find('input[type=radio]');
var which = parseInt(target.val());
$('[id*="timeline-"]').addClass('hide');
$('#timeline-'+which).removeClass('hide');
});
});
</script>